<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>地铁路线</title>
    <link href="../../../css/mui.min.css" rel="stylesheet"/>
    <link href="./mapline.css" rel="stylesheet"/>
</head>
<body>
<header class="mui-bar mui-bar-nav map-blue">
    <h1 class="mui-title map-blue">中车通·北京</h1>
</header>
<div class="mui-content" style="background:#fdfdfe">
    <form id='map-form'>
        <div class="map-search-box">
            <input id='search' type="text" class="map-search" placeholder="搜索">
            <span class="mui-icon mui-icon-search map-search-icon"></span>
        </div>
    </form>
    <div>
        <ul class="map-nav-top">
            <li>超值推荐</li>
            <li>站内广播</li>
            <li>切换城市</li>
        </ul>
        <img src="../../../images/ticket/u44.png" alt="" style="width: 100%;height: 400px;"/>

        <form class="map-box-bottom">
            <div class="mui-col-xs-5 map-ipt-address mui-pull-left">
                <div class="map-color-ora">起</div>
                <input type="text"/>
            </div>
            <span class="map-to"> ></span>

            <div class="mui-col-xs-5 map-ipt-address mui-pull-right">
                <div class="map-color-gre">终</div>
                <input type="text"/>
            </div>
            <button class="map-btn">确定</button>
        </form>

    </div>
</div>
<div class="nav-bottom">
    <div class="mui-col-xs-4">
        <div class="nav-box">
            <div class="iconfont">&#xe619; </div>
            <div class="nav-bottom-name">购票</div>
        </div>
    </div>
    <div class="mui-col-xs-4">
        <div class="nav-box">
            <div class="iconfont">&#xe607;</div>
            <div class="nav-bottom-name">发现</div>
        </div>
    </div>
    <div class="mui-col-xs-4">
        <div class="nav-box">
            <div class="iconfont">&#xe609;</div>
            <div class="nav-bottom-name">我的</div>
        </div>
    </div>
</div>
</body>
</html>